ul { list-style-type:circle; }
caption 
{ 
    caption-side:bottom; 
    text-align: right;
}
h1 
{ 
	font-size:36px;
	font-weight:bold;
	text-align:left;
}
h2
{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-bottom-style:solid;
}
h3
{
	font-size:14px;
   text-align:left;
   font-weight:normal;
   border-bottom-width:1px;
	border-bottom-style:solid;
}

h4
{
	font-size:12px;
   text-align:left;
   font-weight:normal;
}

img
{
	position:absolute;
	right:0px;
	top:0px;
	z-index:-1;
}
#headerdiv
{
    padding-bottom:30px;
}
#header
{
	border-collapse:collapse;
	width:100%;
	empty-cells:hide;
}
#header td 
{
	border: 0px solid white;
	padding: 3px 7px 2px 7px;
    empty-cells:hide;
}
#header td.label
{
    width:10%;
    font-size:14px;
	font-weight:bold;
	text-align:left;
}
#header td.value
{
	width:60%;
    font-size:14px;
	font-weight:normal;
	text-align:left;
}
#header caption
{
    font-size:36px;
    caption-side:top; 
    text-align: left;
}
#title
{
	border-collapse:collapse;
	width:100%;
	empty-cells:hide;
}
#title td, #title th
{
	border: 0px solid white;
	padding: 3px 7px 2px 7px;
	empty-cells:show;
}
#title td.left
{
	width:10%;
	font-weight:bold;
	text-align:left;
}
#title td.value
{
	width:30%;
	font-weight:normal;
	text-align:left;
}
#title td.right
{
	width:20%;
	font-weight:bold;
	text-align:right;
}
#fermentables
{
	border-collapse:collapse;
	width:100%;
	empty-cells:hide;
}
#fermentables td
{
	border: 0px solid white;
	padding: 3px 7px 2px 7px;
	empty-cells:show;
}
#fermentables th
{
	border: 0px solid white;
   padding: 3px 7px 2px 7px;
   font-weight:bold;
   text-align:left;
   empty-cells:show;
}
#fermentables caption 
{ 
   caption-side:bottom; 
   text-align: center;
   font-weight:bold;
   padding: 0.5em 0;
}
#hops
{
	border-collapse:collapse;
	width:100%;
	empty-cells:hide;
}
#hops td
{
	border: 0px solid white;
	padding: 3px 7px 2px 7px;
	empty-cells:show;
}
#hops th
{
	border: 0px solid white;
    padding: 3px 7px 2px 7px;
    font-weight:bold;
    text-align:left;
    empty-cells:show;
}
#hops caption 
{ 
    caption-side:bottom; 
    text-align: center;
    font-weight:bold;
}
#misc
{
	border-collapse:collapse;
	width:100%;
	empty-cells:hide;
}
#misc td
{
	border: 0px solid white;
	padding: 3px 7px 2px 7px;
	empty-cells:show;
}
#misc th
{
	border: 0px solid white;
    padding: 3px 7px 2px 7px;
    font-weight:bold;
    text-align:left;
    empty-cells:show;
}
#misc caption 
{ 
    caption-side:bottom; 
    text-align: center;
    font-weight:bold;
}
#yeast
{
	border-collapse:collapse;
	width:100%;
	empty-cells:hide;
}
#yeast td
{
	border: 0px solid white;
	padding: 3px 7px 2px 7px;
	empty-cells:show;
}
#yeast th
{
	border: 0px solid white;
    padding: 3px 7px 2px 7px;
    font-weight:bold;
    text-align:left;
    empty-cells:show;
}
#yeast caption 
{ 
    caption-side:bottom; 
    text-align: center;
    font-weight:bold;
}
#mash
{
	border-collapse:collapse;
	width:100%;
	empty-cells:hide;
}
#mash td
{
	border: 0px solid white;
	padding: 3px 7px 2px 7px;
	empty-cells:show;
}
#mash th
{
	border: 0px solid white;
   padding: 3px 7px 2px 7px;
   font-weight:bold;
   text-align:left;
   empty-cells:show;
}
#mash caption 
{ 
    caption-side:bottom; 
    text-align: center;
    font-weight:bold;
}
#instruction
{
    list-style-type:decimal;
}
#brewnote
{
	border-collapse:collapse;
	width:100%;
}
#brewnote caption 
{ 
   caption-side:top; 
   text-align: center;
   font-weight:normal;
   padding: 0.5em 0;
}
#brewnote td, #brewnote th
{
	border: 0px solid white;
   padding: 3px 7px 2px 7px;
	empty-cells:show;
}
#brewnote tr.alt
{
	color:black;
	background-color:#e8e8e8;
}
#brewnote td.left
{
	width:20%;
	font-weight:normal;
	text-align:left;
}
#brewnote td.value
{
	width:30%;
	font-weight:normal;
	text-align:left;
}
#brewnote td.right
{
	width:20%;
	font-weight:normal;
	text-align:left;
}
